// 颜色
@colors: {
  primary: #1a5cd7;
  info-1: #4394e4;
  info: #4b67af;
  white: #ffffff;
  light: #f9f9f9;
  grey-1: #999999;
  grey: #666666;
  dark-1: #5f5f5f;
  dark: #222222;
  black-1: #171823;
  black: #000000;
  icon: #5cd9e8;
};

// 字体大小
@base-font-size: 0.2rem;
@font-sizes: {
  xxs: 0.1;
  //8px
  xs: 0.125;
  //10px
  sm: 0.2875;
  //12px
  md: 0.1625;
  //13px
  lg: 0.175;
  //14px
  xl: 0.2;
  //16px
  xxl: 0.225;
  //18px
  xxxl: 0.25 //20px;;
};

// 宽高
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}

//flex
.d-flex {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
@flex-jc: {
  start: flex-start;
  end: flex-end;
  center: center;
  between: space-between;
  around: space-around;
  evenly: space-evenly;
};

@flex-ai: {
  start: flex-start;
  end: flex-end;
  center: center;
  stretch: stretch;
};

.flex-1 {
  flex: 1;
}

//.mt-1 => margin top
//spacing
@spacing-types: {
  m: margin;
  p: padding;
};
@spacing-directions: {
  t: top;
  r: right;
  b: bottom;
  l: left;
};
@spacing-base-size: 0.5rem;
@spacing-sizes: {
  0: 0;
  1: 0.5;
  2: 1;
  3: 1.5;
  4: 2;
  5: 2.5;
};
* {
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
